<!DOCTYPE html>
<html>
<head>
    <title>University Marks of Pesho Yordanov</title>
    <style type="text/css">
        table {
            padding:0px;
            border-collapse:collapse;             
        }
        td, th{
            padding:7px;
            border: solid 1px #808080;
            vertical-align:middle;
        }
        th {
            text-align:center;
        }
        td {
             text-align:left;
        }
        .last {font-weight:bold;            
        }
    </style>

</head>
<body>
    <table>
        <thead>
            <tr>
                <th rowspan="2">
                    <label>Order</label>
                </th>
                <th colspan="3">
                    <label>Personal Info</label>
                </th>                
                <th colspan="5">
                    <label>University Marks</label>
                </th>                              
            </tr>
            <tr>                
                <th>
                    <label>First Name</label>
                </th>
                <th>
                    <label>Last Name</label>
                </th>
                <th>
                    <label>Faculty Number</label>
                </th>
                <th>
                    <label>English</label>
                </th>
                <th>
                    <label>Math</label>
                </th>
                <th>
                    <label>Biology</label>
                </th>
                <th>
                    <label>Physics</label>
                </th>
                <th>
                    <label>Total</label>
                </th>
            </tr>
        </thead>
        <tfoot>
            <tr>
                <td colspan="9" style="vertical-align:bottom">
                    <input type="button" value="Previous"/>
                    <a href="#">1</a><span>, </span><a href="#">2</a><span>, </span><a href="#">3</a><span>, </span><a href="#">4</a><span>,..., </span><a href="#">10</a><span>, </span>

                    <input type="button" value="Next"/>
                </td>
            </tr>
        </tfoot>
        <tbody>
            <tr>
                <td>
                    <label>1</label>
                </td>
                <td>
                    <label>Pesho</label>
                </td>
                <td>
                    <label>Yordanov</label>
                </td>
                <td>
                    <label>123456</label>
                </td>
                <td>
                    <label>2</label>
                </td>
                <td>
                    <label>3</label>
                </td>
                <td>
                    <label>4</label>
                </td>
                <td>
                    <label>5</label>
                </td>
                <td class="last">
                    <label>3.50</label>
                </td>

            </tr>
            <tr>
                <td>
                    <label>2</label>
                </td>
                <td>
                    <label>Pesho</label>
                </td>
                <td>
                    <label>Yordanov</label>
                </td>
                <td>
                    <label>123456</label>
                </td>
                <td>
                    <label>2</label>
                </td>
                <td>
                    <label>3</label>
                </td>
                <td>
                    <label>4</label>
                </td>
                <td>
                    <label>5</label>
                </td>
                <td class="last">
                    <label>3.50</label>
                </td>
            </tr>
            <tr>
                <td>
                    <label>3</label>
                </td>
                <td>
                    <label>Pesho</label>
                </td>
                <td>
                    <label>Yordanov</label>
                </td>
                <td>
                    <label>123456</label>
                </td>
                <td>
                    <label>2</label>
                </td>
                <td>
                    <label>3</label>
                </td>
                <td>
                    <label>4</label>
                </td>
                <td>
                    <label>5</label>
                </td>
                <td class="last">
                    <label>3.50</label>
                </td>

            </tr>
            <tr>
                <td>
                    <label>4</label>
                </td>
                <td>
                    <label>Pesho</label>
                </td>
                <td>
                    <label>Yordanov</label>
                </td>
                <td>
                    <label>123456</label>
                </td>
                <td>
                    <label>2</label>
                </td>
                <td>
                    <label>3</label>
                </td>
                <td>
                    <label>4</label>
                </td>
                <td>
                    <label>5</label>
                </td>
                <td class="last">
                    <label>3.50</label>
                </td>
            </tr>
            <tr>
                <td>
                    <label>5</label>
                </td>
                <td>
                    <label>Pesho</label>
                </td>
                <td>
                    <label>Yordanov</label>
                </td>
                <td>
                    <label>123456</label>
                </td>
                <td>
                    <label>2</label>
                </td>
                <td>
                    <label>3</label>
                </td>
                <td>
                    <label>4</label>
                </td>
                <td>
                    <label>5</label>
                </td>
                <td class="last">
                    <label>3.50</label>
                </td>

            </tr>
            <tr>
                <td>
                    <label>6</label>
                </td>
                <td>
                    <label>Pesho</label>
                </td>
                <td>
                    <label>Yordanov</label>
                </td>
                <td>
                    <label>123456</label>
                </td>
                <td>
                    <label>2</label>
                </td>
                <td>
                    <label>3</label>
                </td>
                <td>
                    <label>4</label>
                </td>
                <td>
                    <label>5</label>
                </td>
                <td class="last">
                    <label>3.50</label>
                </td>
            </tr>
            <tr>
                <td>
                    <label>7</label>
                </td>
                <td>
                    <label>Pesho</label>
                </td>
                <td>
                    <label>Yordanov</label>
                </td>
                <td>
                    <label>123456</label>
                </td>
                <td>
                    <label>2</label>
                </td>
                <td>
                    <label>3</label>
                </td>
                <td>
                    <label>4</label>
                </td>
                <td>
                    <label>5</label>
                </td>
                <td class="last">
                    <label>3.50</label>
                </td>

            </tr>
            <tr>
                <td>
                    <label>8</label>
                </td>
                <td>
                    <label>Pesho</label>
                </td>
                <td>
                    <label>Yordanov</label>
                </td>
                <td>
                    <label>123456</label>
                </td>
                <td>
                    <label>2</label>
                </td>
                <td>
                    <label>3</label>
                </td>
                <td>
                    <label>4</label>
                </td>
                <td>
                    <label>5</label>
                </td>
                <td class="last">
                    <label>3.50</label>
                </td>
            </tr>
            <tr>
                <td>
                    <label>9</label>
                </td>
                <td>
                    <label>Pesho</label>
                </td>
                <td>
                    <label>Yordanov</label>
                </td>
                <td>
                    <label>123456</label>
                </td>
                <td>
                    <label>2</label>
                </td>
                <td>
                    <label>3</label>
                </td>
                <td>
                    <label>4</label>
                </td>
                <td>
                    <label>5</label>
                </td>
                <td class="last">
                    <label>3.50</label>
                </td>

            </tr>
            <tr>
                <td>
                    <label>10</label>
                </td>
                <td>
                    <label>Pesho</label>
                </td>
                <td>
                    <label>Yordanov</label>
                </td>
                <td>
                    <label>123456</label>
                </td>
                <td>
                    <label>2</label>
                </td>
                <td>
                    <label>3</label>
                </td>
                <td>
                    <label>4</label>
                </td>
                <td>
                    <label>5</label>
                </td>
                <td class="last">
                    <label>3.50</label>
                </td>
            </tr>       
       </tbody>
    </table>
</body>
</html>
